<template>
	<div>
		<quill-editor
			v-model="content"
			ref="myQuillEditor"
			:options="editorOption"
			@blur="onEditorBlur($event)"
			@focus="onEditorFocus($event)"
			@ready="onEditorReady($event)"
		>
		</quill-editor>
	</div>
</template>

<script>
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'

import { quillEditor } from 'vue-quill-editor'
export default {
	components: { quillEditor },
	data() {
		return {
			content: '<h2>I am Example</h2>',
			editorOption: {
				// some quill options
			},
		}
	},
	methods: {
		onEditorBlur(quill) {
			console.log('editor blur!', quill)
		},
		onEditorFocus(quill) {
			console.log('editor focus!', quill)
		},
		onEditorReady(quill) {
			console.log('editor ready!', quill)
		},
	},
}
</script>

<style>
</style>